<!doctype html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Eko Sidebar</title>
  <script src="js/vendor.js"></script>
  <style>
    /* CSS变量定义 - 中文字体系统 */
    :root {
      --font-family-chinese: system-ui, "PingFang SC", "PingFang TC", "Hiragino Sans GB", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "SimSun", "SimHei", sans-serif;
      --font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Source Han Sans SC", monospace;
      --font-size-xs: 12px;
      --font-size-sm: 14px;
      --font-size-base: 16px;
      --font-size-lg: 18px;
      --line-height-base: 1.5;
      --line-height-tight: 1.25;
    }

    /* 全局字体优化 */
    body, html, #root {
      font-family: var(--font-family-chinese) !important;
      font-variant-east-asian: normal;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-feature-settings: "kern" 1, "liga" 1;
    }

    /* Ant Design 组件字体优化 */
    .ant-input, .ant-select, .ant-textarea, .ant-btn, .ant-card, .ant-form-item-label {
      font-family: var(--font-family-chinese) !important;
    }

    /* 等宽字体区域（日志显示） */
    .log-container, pre, code {
      font-family: var(--font-family-mono) !important;
      font-feature-settings: "tnum" 1;
    }

    /* 滚动条样式 */
    ::-webkit-scrollbar {
      width: 5px;
      height: 5px;
      background-color: #fff;
    }

    ::-webkit-scrollbar-thumb {
      background-color: #c1c1c1;
    }
  </style>
</head>

<body>
  <div id="root"></div>
  <script src="js/sidebar.js"></script>
</body>

</html>